<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博雅互动 </title>
    <!-- 清除默认样式:再所有浏览器下，展现样式一致得 -->
    <!-- <link rel="stylesheet" href="css/normalize.css" type="text/css"> -->
    <link rel="stylesheet" href="css/5.style项目新闻部分.css" type="text/css">
</head>
<body>
    <!-- 用于布局 -->
    <div class="nav">
        <!-- 固定定位容器 -->
        <div class="nav-container">
            <!-- 用于居中 -->
            <div class="nav-inner">
                
                <h1 class="nav-logo">
                    <a href="">博雅互动</a>
                </h1>

                <ul class="nav-list">
                    <li class="nav-item choses">首页</li>
                    <li class="nav-item">博雅游戏</li>
                    <li class="nav-item">博雅新闻</li>
                    <li class="nav-item">关于我们</li>
                    <li class="nav-item">客服中心</li>
                    <li class="nav-item">投资者关系</li>
                    <li class="last-item">加入我们</li>
                </ul>
                <div class="nav-lang">
                    <span class="lang-zh">中文</span>
                    <span class="lang-en">EN</span>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-content">
            <div class="frist-content clearfix">
                <div class="title-part">
                    <h2>斗地主</h2>
                    <p>LANDLORDS</p>
                </div>
                <div class="btn">
                    在线游戏
                </div>
            </div>
            <p class="intro">
                风靡国内外的斗地主游戏，超低流量，玩法多样，居家旅行必备良品
            </p>
            <p class="download">
                下载游戏：
            </p>
            <ul class="list">
                <li class="item1">
                    <span></span>
                    <p>iPad</p>
                </li>
                <li class="item2">
                    <span></span>
                    <p>iPhone</p>
                </li>
                <li class="item3">
                    <span></span>
                    <p>Android</p>
                </li>
                <li class="item4">
                    <img src="img/landlords80.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <div class="content">
        <!-- 视频列表 -->
        <ul class="movie-list clearfix">
            <li>
                <img src="./img/gamepic10.jpg" alt="">
                <div class="intro">
                    <h5>中国象棋</h3>
                    <p>CHINESE CHESS OF BOYAA</p>
                </div>
            </li>
            <li>
                <img src="./img/byqpai2.jpg" alt="">
                <div class="intro">
                    <h5>博雅棋牌</h5>
                    <p>BOYAA CHESS</p>
                </div>
            </li>
            <li>
                <img src="./img/gamepic2.jpg" alt="">
                <div class="intro">
                    <h5>四川麻将</h5>
                    <p>SICHUAN MAHJONG</p>
                </div>
            </li>
            <li>
                <img src="./img/gamepic9.jpg" alt="">
                <div class="intro">
                    <h5>四川棋牌</h5>
                    <p>BOYAA SZECHWAN GAME</p>
                </div>
            </li>
        </ul>
        
        <!-- 横线区域 -->
        <div class="btn-line">
        </div>
        
        <!-- 按钮区域 -->
        <div class="btns">
            <span class="btns-1"></span>
            <span class="btns-2"></span>
            <span class="btns-3"></span>
        </div>
    </div>
    <!-- 新闻区域 -->
    <div class="news">
        <div class="news-inner">
            <div class="news-left">
                <div class="more">MORE<span>+</span></div>
                <ul>
                    <li>博雅互动2021年中期业绩<span>8 / 26</span></li>
                    <li>博雅互动2021年第一季度业绩<span>5 / 27</span></li>
                    <li>博雅互动2020年度业绩<span>3 / 25</span></li>
                    <li>喜讯|博雅互动荣获2020鲸鸣奖“十佳出海品牌”<span>12 / 25</span></li>
                </ul>
            </div>
            <div class="news-right">
                <div class="intro">
                    <h2>社会招聘</h2>
                    <p>BOYAA JOBS</p>
                    <div class="more">MORE<span>+</span></div>
                </div>
                <h3>社会招聘岗位：</h3>
                <ul>
                    <li>PHP开发工程师 </li>
                    <li>C++开发工程师 </li>
                    <li>LUA开发工程师</li>
                    <li>大数据开发工程师</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-intro">
            <p>网站地图 | 免责声明 | 监督举报 | 《博雅游戏接入第三方SDK目录》</p>
            <p>Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)粤ICP备05062536号</p>
            <span>  网络文化经营许可证：粤网文[2015]1991-405号 | 互联网出版许可证：新出网证（粤）字062号 | 增值电信业务经营许可证：粤B2-20110513 <img src="./img/govIcon.gif" alt=""></span>
        </div>
    </div>
    <div class="slider"></div>
</body>
</html>